@import '@/styles/common/variables.scss';
.warranty_success{
  position: relative;
  text-align: center;
 
  min-height: inherit;
  .warranty_success_content{
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    p{
      margin-top: 8px;
      font-size: 32px;
      color: #363434;
       margin-bottom: 24px;
       font-weight: 700;
    }

  }
  .svgIcon{
    position: relative;
    width: 32px;
    height: 32px;
    display: inline-block;
    cursor: pointer;
    margin-right: 24px;
    &:last-of-type{
      margin-right: 0;
    }
    svg{
      width: 32px;
      height: 32px;
      border-radius: 50%;
      &:hover{
        border-color: #363434;
      }
    }
    &:hover{
      .svgHover{opacity: 1;}
      .svgNormal{opacity: 0;}
    }
    .svgHover{opacity: 0;position: absolute;left: 0;top: 0;}
    .svgNormal{opacity: 1;}
  }
}

.warranty_success{
  @include respond('768'){
    padding: 0 20px;
    margin-top: $menuPhoneHeight + 20px;
    .warranty_success_content {
      p{
        font-size: 20px;
      }
      .shareWay{
        margin: 24px 0 40px;
        font-size: 0;
        .svgIcon{
          margin-right: 32px;
          &:last-of-type{
            margin-right: 0;
          }
        }
      }
    }
  }
}